@import './../../../../assets/scss/index.scss';

:host{display: block;height: 100%;width: 100%;}

.bracelet-container{
    height: 100%;
}

.bracelet-setup-container{
    height: 100%;
    dl dt,dd{span{display: inline-block;width: 25%;}}
    .bracelet-detail-container{
        height: calc(100% - 5.5rem);
    }
    .bracelet-item{
        border-bottom: 1px solid $border-gray;
        height: 10%;
    }
    .bracelet-title{
        background: $bd-gray;
        height: 3.3rem;
    }
    .bracelet-content{
        height: calc(100% - 3.3rem);
    }
}
.title{
    border-bottom: 1px solid $border-dark;
    border-top: 1px solid $border-dark;
    height: 5.5rem;
}

.padding{
    padding: pxTorem(20px) pxTorem(40px);
}
.padding-10{
    padding: pxTorem(10px);
}

.btn-save{
    background: $primary;
    color: $color-white;
}
.bind-info{
    padding: pxTorem(10px) 0;
}
.icon-clear{
    position: absolute;
    right: 0;
    top: 0;
}